<template>
  <div class="container mt-5" :class="{'isIndex':isIndex}">
    <slot name="con"></slot>
  </div>
</template>

<script>

  export default {
    props: ['isIndex'],
    computed: {},
    data() {
      return {}
    },
    components: {},
    mounted() {

    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  @import "~assets/style/public";

  .container {
    background-color: @white-color;
  }

  @media (min-width: 320px) and (max-width: 767px) {
    .container {
      width: 100%;
      padding-top: 130/@size;
      background-color: @bg-color;
    }

    .isIndex {
      padding-top: 0/@size !important;
      background-color: @white-color;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .container {
      max-width: 100%;
    }
  }
</style>
